<template>
	<view>
		<view style="height: 6vh;">
			<u-navbar :isBack="false" :height="80" title="服務" :titleSize="60" title-color="#FFF" :background="{background:'linear-gradient(45deg, #0856e7,#42bdf9)'}" ></u-navbar>
		</view>
		<titleBox title="车主服务" subTitle="" titleFontSize="1rem">
			<template>
				<view style="display: flex;gap: 2vmax;">
					<view style="flex: 1;">
						<u-button style="width: 100%;height: 5vmax;font-size: 0.9rem;" @click="onJump('/pages/maintenance/index')" >
							<!-- 维保预约 -->
							<u-icon name="star"></u-icon>
							<view style="margin-left: 1vmax;font-weight: bold;">维保预约</view>
						</u-button>
					</view>
					<view style="flex: 1;">
						<u-button style="width: 100%;height: 5vmax;font-size: 0.9rem;"  @click="onJump('/pages/maintenance/history')" >
							<!-- 维保预约 -->
							<u-icon name="star"></u-icon>
							<view style="margin-left: 1vmax;font-weight: bold;">维保历史</view>
						</u-button>
					</view>
				</view>
			</template>
		</titleBox>
		<u-button @click="temp()">Temp</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
		, methods: {
			onJump(path){
				uni.navigateTo({
					url:path
				})
			},
			temp(){
				// console.log( plus.os.name);
				uni.navigateTo({
					url:'/pages/temp/temp'
				})
			}
		},
		onLoad() {
		}
	}
</script>

<style>

</style>
